<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>四川旅游网</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="wrap">
	<div class="nav_bg">
		<div class="nav">
			<div class="logo">
				<img src="images/xclylogo.png" alt=""><span>四川旅游网</span>
			</div>
		    <ul class="banner_list">
		       <li>首页</li>
		       <li class="mountainli">
		       	   <span>精选目的地</span>
	               <ul class="mountain">
		               <li>九寨沟</li>
		               <li>峨眉山</li>
		               <li>青城山</li>
		               <li>康定</li>
	               </ul>
		       </li>
		       <li>精选住宿</li>
		       <li class="mountainli02">
		       <span>乡村新玩法</span>
	               <ul class="mountain02">
		               <li>房车自驾游</li>
		               <li>射箭比赛</li>
		               <li>划船比赛</li>
		               <li>趣味绳索</li>
	               </ul>
		       </li>
		       <li>关于我们</li>
		     </ul>
		</div>
	 </div>
	 <div class="banner">
		<div class="banner-con">
			<div class="pic">
               <img src="images/banner.jpg" alt="">
            </div>
			<div class="num">
			    <span class="on"></span>
			    <span></span>
			    <span></span>
			    <span></span>
			    <span></span>
			</div>
		</div>
	</div>
</div>

	    <!-- <div class="list_pic"></div>
	    <div class="list_pic02"></div> -->
<!--我是分割线-->
<div class="purpose">
	<div class="purpose_02">
		<div class="purpose_text05">精选目的地</div>
		<div class="purpose_text06">Destination</div>
		<div class="imag_purpose01"></div>
		<div class="imag_purpose02"></div>
        <div class="imag_purpose03"></div>

		<div class="purpose_text01">
			<h2>九寨沟</h2>
			<p>世界自然遗产、国家重点风景名胜区、国家AAAAA级旅游景区、国家级自然保护区、国家地质公园、世界生物圈保护区网络，是中国第一个以保护自然风景为主要目的的自然保护区。</p>
	    </div>


		<div class="purpose_text02">
			<h2>峨眉山</h2>
			<p>耸立在四川盆地的西南边缘，是大峨、 二峨、三峨山的总称。北魏时郦道元《水经注》记载，“去成都千里，然 秋日澄清，望见两山相对如峨眉。</p>
        </div>
		
		
		<div class="box_purpose">
			<span>加载更多</span>
			<img src="images/imag_purpose04.png" alt="">
		</div>
	</div>
</div>
<!--我是分割线-->
<div class="play">
  <div class="bg_play">
        <div class="play_text01">景点新玩法</div>
		<div class="play_text02">New play</div>
  	<div class="img_play_01"><span>房车自驾游</span><img src="images/image_play01.jpg" alt=""></div>
  	<div class="img_play_02"><span>射箭比赛</span><img src="images/image_play02.jpg" alt=""></div>
  	<div class="img_play_03"><span>划船比赛</span><img src="images/img_play03.jpg" alt=""></div>
  	<div class="img_play_04"><span>趣味绳索</span><img src="images/image_play04.jpg" alt=""></div>
  </div>
</div>
<!--我是分割线-->



<div class="accommdation">
    <div class="bg_accommdation">
        <div class="accommdation_text01">住宿新体验</div>
		<div class="accommdation_text02">Get accommodation</div>
		<div class="imag_accommdation01"><span>农家客栈</span></div>
		<div class="imag_accommdation02"><span>湖畔露营</span></div>
		<div class="imag_accommdation03"><span>乡村小院</span></div>
		<div class="imag_accommdation04"><span>藏家民居</span></div>
	</div>
</div>

<!--我是分割线-->


<div class="about">
<div class="bg_about">
    <div class="about_text01">关于我们</div>
    <div class="about_text02">About us</div>
	<div class="imag_about01"></div>
	<div class="imag_about02"></div>
	<div class="imag_about03"></div>
	<div class="box_about">
		<h2>四川旅游：</h2>
		<p>服务于中国大陆及全球华人的领先在线专业乡村旅游媒体以及增值服务。致力于向全球华人提供全面、多彩的乡村旅游资讯。采用丰富、创新的表现形式，全力打造一个乡村旅游乐园。</p>
	</div>

</div>
</div>
<!--我是分割线-->
<div class="join">
	<div class="bg_join">
	    <div class="join_text01">加入我们</div>
        <div class="join_text02">Join us</div>
		<div class="imag_join"></div>
	</div>
</div>

<!--我是分割线-->
<div class="foot"> 
<div class="bg_foot">
	<div class="imag_foot"></div>
</div>
</div>

</body>
</html>
